body {
  &.dark-theme {
    color: $ma-white-color;
    background: $ma-black-color;

    //Globals
    .hollow-text {
      // inherit the stroke color from the element color
      -webkit-text-stroke-color: inherit;
      -webkit-text-stroke-width: 2px;
      -webkit-text-fill-color: $transparent;
    }

    .section-heading {
      .section-title {
        color: $ma-grey-color;
      }

      .section-subtitle {
        color: rgba($ma-grey-color, 0.75);
      }
    }

    .section-shape-divider-bottom {
      svg {
        path {
          fill: $ma-black-color;
        }
      }

      &.fill-shade {
        svg {
          path {
            fill: lighten($ma-black-color, 10%) !important;
          }
        }
      }
    }

    %pattern-shape {
      background-image: url("../assets/images/patterns/dots-pattern-white.png") !important;
      opacity: 0.2 !important;
    }

    .ma-tabs {
      .switch {
        .switch-btns-list {
          .switch-btn {
            color: $ma-semi-dark-grey-color !important;
            border-color: $ma-semi-dark-grey-color !important;

            &.hover {
              color: $ma-main-color !important;
              border-color: $ma-main-color !important;
            }

            &.active {
              color: $ma-white-color !important;
              border-color: $ma-main-color !important;
            }
          }
        }
      }
    }

    //benefits
    .benefits {
      .benefits-boxes-area {
        .benefit-box {
          background: $ma-black-color !important;
        }

        .benefit-title {
          color: $ma-white-color !important;
        }

        .benefit-text {
          color: $ma-grey-color !important;
        }
      }
    }

    //blog
    .blog {
      .sidebar-box-title {
        color: $ma-grey-color !important;
      }

      .cats {
        .cat-item {
          .cat-link {
            color: $ma-grey-color !important;
          }
        }
      }

      .tags {
        .tag-item {
          background-color: $ma-extra-dark-grey-color !important;

          &:hover {
            background-color: $ma-main-color !important;
          }
        }

        .tags-icon-label {
          color: $ma-grey-color !important;
        }
      }

      .recent-posts {
        .content {
          .r-post-title {
            color: $ma-grey-color !important;

            &:hover {
              color: $ma-main-color !important;
            }
          }

          .r-post-date {
            color: rgba($ma-grey-color, 0.75) !important;
          }
        }
      }

      .posts-grid {
        .post-img-wraper {
          .icon {
            color: $ma-main-color !important;
            background-color: rgba($ma-black-color, 0.75) !important;
          }
        }

        .post-summary {
          .post-info {
            & > a {
              color: $ma-grey-color !important;
            }
          }

          .post-title {
            color: $ma-grey-color !important;

            &:hover {
              color: $ma-main-color !important;
            }
          }

          .post-excerpt {
            color: rgba($ma-grey-color, 0.75) !important;
          }
        }
      }

      .post-main-area {
        .panel {
          .panel-title {
            color: $ma-grey-color !important;
          }
        }

        .post-title {
          color: $ma-grey-color !important;
        }

        .share-title {
          color: $ma-grey-color !important;
        }

        .post-info {
          .info {
            color: $ma-grey-color !important;

            &:not(:last-child):before {
              color: $ma-grey-color !important;
            }
          }
        }

        .post-content {
          .post-heading {
            color: $ma-grey-color !important;
          }

          .post-text {
            color: rgba($ma-grey-color, 0.75);
          }

          a {
            &:hover {
              color: $ma-white-color;
            }
          }

          .post-list {
            .post-list-item {
              color: rgba($ma-grey-color, 0.75) !important;
            }
          }

          blockquote {
            background-color: $ma-extra-dark-grey-color !important;

            .post-qoute {
              color: $ma-grey-color !important;
            }

            .icon {
              color: rgba($ma-main-color, 0.35) !important;
            }
          }
        }

        .other-posts {
          .other-post-title {
            color: $ma-grey-color !important;

            &:hover {
              color: $ma-main-color !important;
            }
          }
        }

        .author-profile {
          .author-disc {
            .author-bio {
              color: $ma-grey-color !important;
            }
          }
        }

        .comments-area {
          .comment-body {
            .comment-date {
              .date-link {
                color: $ma-grey-color !important;
              }
            }

            .comment-text {
              color: $ma-grey-color !important;
            }
          }
        }
      }
    }

    //contact-us
    .main-form-wraper {
      label:not(.lbl-for-checkbox) {
        color: $ma-grey-color !important;
      }

      .lbl-for-checkbox {
        color: $ma-grey-color;
      }

      input[type="email"],
      input[type="text"],
      input[type="password"],
      input[type="url"],
      input[type="search"],
      input[type="number"],
      textarea {
        color: $ma-grey-color !important;
      }
    }

    .contact-info {
      .info-text {
        color: $ma-grey-color !important;

        .link {
          color: $ma-grey-color !important;

          &:hover {
            color: $ma-main-color !important;
          }
        }
      }
    }

    //FAQ
    .faq {
      .faq-accordion {
        .card-header {
          background: $ma-extra-dark-grey-color !important;

          .faq-btn {
            color: $ma-main-color !important;

            &::before {
              color: $ma-main-color !important;
            }
          }
        }

        .card-body {
          background: $ma-extra-dark-grey-color !important;

          .faq-answer {
            color: $ma-grey-color !important;
          }
        }
      }
    }

    //Features
    %base-feat-title {
      color: $ma-grey-color !important;
    }

    %base-feat-text {
      color: rgba($ma-grey-color, 0.75) !important;
    }

    .features-boxed {
      .feature-box {
        @include ma-box-shadow(0, 0, 30, 0, rgba($ma-black-color, 0.5));
      }
    }

    // Our-Clients
    // .our-clients {
    //   //no Rules
    // }

    //Our-Team
    .our-team {
      .tm-member-card {
        .tm-details {
          background: $ma-extra-dark-grey-color !important;

          .tm-name {
            color: $ma-grey-color !important;
          }
        }
      }
    }

    //our-video
    // .our-video {
    //   //no Rules
    // }

    // // Page-Footer
    // .page-footer {}

    // // Page-Header
    // .page-header {}

    // // Page-Hero
    .page-hero {
      .lead-generation-area {
        form {
          background: $ma-extra-dark-grey-color !important;
        }

        .single-field-form {
          background: transparent !important;
        }
      }
    }

    // //Portfolio
    .portfolio {
      .portfolio-btn-list {
        .portfolio-btn {
          color: $ma-white-color;
          background: $transparent;

          &:hover,
          &.active {
            color: $ma-white-color;
            background: $ma-main-color;
          }

          @include ma-xs-screens {
            &:hover,
            &.active {
              color: $ma-main-color;
              background: transparent;
            }
          }
        }
      }
    }

    //Pricing
    %pricing {
      .plan {
        background: $ma-extra-dark-grey-color !important;
        // @include ma-box-shadow(0, 0, 15, 0, rgba($ma-black-color, .3));

        // &:hover {
        //   @include ma-box-shadow(0, 0, 30, 0, rgba($ma-black-color, .3));

        // }
      }

      .plan-details {
        .plan-list {
          & > .plan-feat {
            color: $ma-grey-color !important;
          }
        }
      }
    }

    .pricing-2 {
      .plan-cost {
        background: $ma-extra-dark-grey-color !important;
      }
    }

    //project Details
    .project-details {
      .info-area .project-info {
        .info {
          background: $ma-black-color !important;

          .title {
            color: $ma-grey-color !important;
          }

          .detail {
            color: $ma-main-color !important;
          }
        }
      }
    }

    .project-heading {
      .project-title {
        color: $ma-white-color !important;
      }
    }

    .sub-heading {
      color: $ma-grey-color !important;
    }

    .project-text {
      color: rgba($ma-grey-color, 0.8) !important;
    }

    .list {
      .list-item {
        color: rgba($ma-grey-color, 0.8) !important;
      }
    }

    //about section
    .about {
      .about-title {
        color: $ma-grey-color !important;
      }

      .about-text {
        color: rgba($ma-grey-color, 0.75) !important;
      }

      .info-items {
        .menu-items {
          .info-item {
            .info-title {
              color: $ma-grey-color;
            }

            .info-text {
              color: rgba($ma-grey-color, 0.75) !important;
            }
          }
        }
      }

      .about-stats {
        .stat-box {
          .stat-num {
            color: $ma-grey-color !important;
          }

          .stat-desc {
            color: rgba($ma-grey-color, 0.75) !important;
          }
        }
      }
    }

    //Signing
    .signing-page {
      .sining-area {
        background-color: $ma-black-color !important;
      }

      .divider {
        .or {
          background-color: $ma-black-color !important;
        }
      }

      .or-sign-up {
        .sign-up-hint {
          color: $ma-grey-color !important;
        }
      }

      .agree-terms {
        .disclaimer {
          color: $ma-semi-dark-grey-color !important;
        }
      }
    }

    //stats
    // .stats{
    //   //No-Rules
    // }

    //take-action
    //.take-action{
    // // No-rules
    // }

    //Testimonials
    .testimonials {
      .testimonial-content {
        @include ma-box-shadow(0, 0, 15, 0, rgba($ma-black-color, 0.3));
        background: $ma-extra-dark-grey-color !important;

        .testimonial-text {
          color: $ma-grey-color !important;
        }

        .customer-info {
          .customer-details {
            .customer-name {
              color: $ma-grey-color !important;
            }
          }
        }
      }
    }

    // coloring classes

    .section-bg-shade {
      background: lighten($ma-black-color, 10%) !important;
    }
  }
}
